<!-- 商品属性 -->
<template>
	<view class="container">
		<view class="content" @click="handleNavTo('/pagesB-goods-manage/add-goods-props/index')">
			<text class="label">选择商品分类</text>
			<text class="value">添加属性</text>
			<text class="iconfont">&#xe61a;</text>
		</view>
	</view>
</template>

<script setup>
	const handleNavTo = (url) => {
		uni.navigateTo({
			url
		});
	}
</script>

<style lang="scss" scoped>
	.container {
		padding: 30rpx 25rpx 0;

		.content {
			display: flex;
			align-items: center;
			height: 100rpx;
			padding: 0 20rpx 0 30rpx;
			background-color: white;
			border-radius: 20rpx;

			.label {
				flex-grow: 1;
				font-size: 28rpx;
				color: #222222;
			}

			.value {
				flex-shrink: 0;
				font-size: 28rpx;
				color: #222222;
			}

			.iconfont {
				flex-shrink: 0;
				font-size: 28rpx;
				color: #222222;
				margin-left: 6rpx;
			}
		}
	}
</style>